import { DomUtils } from "../utils/DomUtils";

/**
 * 百度知道网页美化
 * 
 * 测试网页:
 * - https://zhidao.baidu.com/question/1393724609917758180
 * - https://zhidao.baidu.com/question/2021422420741459628
 */
export class BaiduZhidao {
    
    static hostname = 'zhidao.baidu.com';

    main() {
        DomUtils.hide([
            // 顶部搜索框
            '.head-wrap',
            // 右上角的用户信息
            '#userbar',
            // 导航栏
            '#j-nav-menu-container',
            // 右侧边栏
            '#qb-side',
            // 文章标题下方的按钮组
            '#ask-info',
            // 回答右边的建议
            '.question-number-text-chain',
            // 页面右边的"领积分，换礼品"广告
            '.task-list-button',
            // 页面右边的申请认证按钮
            '.jump-top-box',
            // "辅助模式"悬浮按钮
            '.aria-div',
            // 推荐区域
            '.wgt-bottom-union',
            // 页脚
            '.wgt-footer-new',
            // 普通回答下方的按钮组
            ...document.querySelectorAll('.wgt-answers-operator'),
            // 精华回答下方的按钮组
            '.wgt-best-operator',
            // 所有的关注按钮
            ...document.querySelectorAll('.wgt-replyer-all-follow-box'),
            // 展开/收起更多回答
            '#show-hide-container'
        ]);
        // 展开回答
        setTimeout(() => document.querySelector('#show-answer-hide').click(), 500);

        DomUtils.setCss('.layout-wrap', { 
            width: '900px', margin: '0 auto', backgroundColor: '#fff',
            padding: '0 20px', boxSizing: 'border-box', borderRadius: '10px'
        });
        DomUtils.appendStyle(`html{ background: none !important;}`);
        DomUtils.setBackground();
        DomUtils.setCss('#qb-content', { padding: 0, width: '100%', border: 'none' });
        DomUtils.setCss('#body', { padding: '20px 0' });
        // 其他类似问题 左边距
        DomUtils.setCss('.related-list', { paddingLeft: 0 });
        // 标题加粗
        DomUtils.setCss('.ask-title', { fontWeight: 'bold' });
    }
}